<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>美女相册</title>
		<link rel="stylesheet" type="text/css" href="index.css"/>
	</head>
	<body>
		<!--
			jquery属性操作
			jquery事件操作
		-->
		<div class="container">
			<h1 class="title">美女相册</h1>
			<ul class="smallImgs">
				<li><img src="images/1.jpg" alt="" /></li>
				<li><img src="images/2.jpg" alt="" /></li>
				<li><img src="images/3.jpg" alt="" /></li>
				<li><img src="images/4.jpg" alt="" /></li>
			</ul>
			<div class="bigImg">
				<img src="images/1.jpg" alt="" />
			</div>
		</div>
		<script src="jquery-1.11.0.js"></script>
		<script src="index.js"></script>
	</body>
</html>
